document.addEventListener('DOMContentLoaded', function() {
    // 加载动画
    setTimeout(function() {
        document.querySelector('.loader-container').style.opacity = '0';
        setTimeout(function() {
            document.querySelector('.loader-container').style.display = 'none';
        }, 500);
    }, 2000);
    
    // 头部滚动效果
    const header = document.querySelector('.main-header');
    window.addEventListener('scroll', function() {
        if (window.scrollY > 50) {
            header.classList.add('scrolled');
        } else {
            header.classList.remove('scrolled');
        }
    });
    
    // 密码显示/隐藏切换
    const togglePassword = document.getElementById('togglePassword');
    const passwordInput = document.getElementById('password');
    
    togglePassword.addEventListener('click', function() {
        if (passwordInput.type === 'password') {
            passwordInput.type = 'text';
            togglePassword.classList.add('active');
        } else {
            passwordInput.type = 'password';
            togglePassword.classList.remove('active');
        }
    });
    
    // 登录表单提交
    const loginForm = document.getElementById('loginForm');
    
    loginForm.addEventListener('submit', function(e) {
        e.preventDefault();
        
        // 获取表单数据
        const username = document.getElementById('username').value;
        const password = document.getElementById('password').value;
        const rememberMe = document.getElementById('rememberMe').checked;
        
        // 这里可以添加表单验证逻辑
        
        // 模拟登录请求
        simulateLoginRequest(username, password, rememberMe);
    });
    
    // 模拟登录请求
    function simulateLoginRequest(username, password, rememberMe) {
        // 显示加载状态
        const loginBtn = document.querySelector('.login-btn');
        const originalText = loginBtn.textContent;
        loginBtn.textContent = '登录中...';
        loginBtn.disabled = true;
        
        // 模拟API请求延迟
        setTimeout(() => {
            // 验证用户名和密码（这里只是简单验证，实际应用中应该发送到服务器验证）
            if (username && password) {
                // 登录成功
                loginSuccess(username, rememberMe);
            } else {
                // 登录失败
                loginFailed();
            }
            
            // 恢复按钮状态
            loginBtn.textContent = originalText;
            loginBtn.disabled = false;
        }, 1500);
    }
    
    // 登录成功
    function loginSuccess(username, rememberMe) {
        // 在实际应用中，这里应该存储用户信息和token
        console.log('登录成功:', username);
        
        // 显示成功消息
        alert('登录成功！欢迎回来，' + username);
        
        // 跳转到首页
        window.location.href = 'index.html';
    }
    
    // 登录失败
    function loginFailed() {
        // 显示错误消息
        alert('登录失败：用户名或密码错误');
        
        // 在实际应用中，这里可以添加更详细的错误处理
    }
    
    // 创建水墨动画效果
    createInkAnimation();
});
// 社交媒体登录
const weixinLoginBtn = document.getElementById('weixinLogin');
const weiboLoginBtn = document.getElementById('weiboLogin');
const qqLoginBtn = document.getElementById('qqLogin');

// 微信登录
weixinLoginBtn.addEventListener('click', function(e) {
    e.preventDefault();
    // 在实际应用中，这里应该是微信授权的URL
    alert('微信登录功能即将上线，敬请期待！');
    // window.location.href = 'https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect';
});

// 微博登录
weiboLoginBtn.addEventListener('click', function(e) {
    e.preventDefault();
    // 在实际应用中，这里应该是微博授权的URL
    alert('微博登录功能即将上线，敬请期待！');
    // window.location.href = 'https://api.weibo.com/oauth2/authorize?client_id=YOUR_CLIENT_ID&response_type=code&redirect_uri=YOUR_REGISTERED_REDIRECT_URI';
});

// QQ登录
qqLoginBtn.addEventListener('click', function(e) {
    e.preventDefault();
    // 在实际应用中，这里应该是QQ授权的URL
    alert('QQ登录功能即将上线，敬请期待！');
    // window.location.href = 'https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=YOUR_CLIENT_ID&redirect_uri=YOUR_REGISTERED_REDIRECT_URI&scope=get_user_info';
});
// 模拟登录请求
function simulateLoginRequest(username, password, rememberMe) {
    // 显示加载状态
    const loginBtn = document.querySelector('.login-btn');
    const originalText = loginBtn.textContent;
    loginBtn.textContent = '登录中...';
    loginBtn.disabled = true;
    
    // 模拟API请求延迟
    setTimeout(() => {
        // 验证用户名和密码（这里只是简单验证，实际应用中应该发送到服务器验证）
        if (username && password) {
            // 登录成功
            loginSuccess(username, rememberMe);
        } else {
            // 登录失败
            loginFailed();
        }
        
        // 恢复按钮状态
        loginBtn.textContent = originalText;
        loginBtn.disabled = false;
    }, 1500);
}

// 登录成功
function loginSuccess(username, rememberMe) {
    // 在实际应用中，这里应该存储用户信息和token
    console.log('登录成功:', username);
    
    // 存储登录状态
    localStorage.setItem('isLoggedIn', 'true');
    localStorage.setItem('username', username);
    
    if (rememberMe) {
        // 记住我功能，可以存储更长时间
        localStorage.setItem('rememberMe', 'true');
    } else {
        localStorage.setItem('rememberMe', 'false');
    }
    
    // 检查是否有重定向参数
    const urlParams = new URLSearchParams(window.location.search);
    const redirect = urlParams.get('redirect');
    
    if (redirect) {
        // 有重定向参数，跳转到目标页面
        alert('登录成功！您将被重定向到目标页面');
        window.location.href = redirect;
    } else {
        // 无重定向参数，跳转到首页
        alert('登录成功！欢迎回来，' + username);
        window.location.href = 'index.html';
    }
}